<template>
    <div>
        <el-tabs v-model="activeName" v-if="currentPanel == 'default'">
            <el-tab-pane label="离职继承" name="dimission">
                <DepartureInheritance @currentHandler=currentHandler />
            </el-tab-pane>
            <el-tab-pane label="在职转接" name="online">
                <OnlineTransfer @currentHandler=currentHandler />
            </el-tab-pane>
        </el-tabs>

        <div v-if="currentPanel == 'onlineView'">
            <onlineView @currentHandler=currentHandler></onlineView>
        </div>

        <div v-if="currentPanel == 'allocation'">
            <Allocation @currentHandler=currentHandler></Allocation>
        </div>
    </div>
</template>

<script>

import DepartureInheritance from "@/views/customer/client_migration/dimission"
import OnlineTransfer from "@/views/customer/client_migration/online"
import onlineView from "@/views/customer/client_migration/onlineView";
import Allocation from "@/views/customer/client_migration/allocation";

export default {
    components: {
        DepartureInheritance,
        OnlineTransfer,
        onlineView,
        Allocation
    },
    data() {
        return {
            currentPanel: 'default',
            activeName: 'dimission',
            dataSource: []
        }
    },
    methods: {
        currentHandler(type) {
            this.currentPanel = type
        },
    }
}
</script>

<style scoped>
.el-input /deep/ {
    width: 200px;
}

.el-select /deep/ {
    width: 200px;
}
</style>
